<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Axios入门案例</title>
</head>
<body>

<h1>Axios Ajax调用</h1>

<!-- 1.导入js类库 -->
<script src="../js/axios.js"></script>
<script>

    //1.发起Get请求
    // 原始参数  1: url地址  参数2:提交参数  参数3:回调函数
    // 知识点: 传统的ajax的操作有"回调地狱问题" '闭包'
    // 回调地狱问题: 由于业务复杂,导致多重的ajax进行嵌套. 如果中间出现任何问题.则导致整个ajax调用失败.

    //参数 1: url地址  2.提交的参数
    //跨域请求: 浏览器不能正常执行!!!!
    let url = "http://localhost:8090/hello"
    axios.get(url)
        .then(function(result){
            //获取返回值 promise对象
            console.log(result)
            //如果需要获取服务器的返回值则使用.data属性
            console.log(result.data)
        })
</script>
</body>
</html>
